<template>
  <ve-bar :data="chartData" :extend="extend" :settings="chartSettings"></ve-bar>
</template>

<script>
import {
  mapActions,
  mapGetters
} from 'vuex'
import {
  selectProresult
} from '@/network/home'
  export default {
    props: ["userId"],
    data () {
      this.chartSettings = {
        opacity: 0.7
      }
      this.extend = {
        series: {
          label: { show: true, position: "right" },
          itemStyle: { color: '#5AB1EF', opacity: 0.7 }
        }
      }
      return {
        chartData: {
          columns: ['九型人格', '得分'],
          rows: [
            { '九型人格': '1号 完美型', '得分': 0},
            { '九型人格': '2号 助人型', '得分': 0},
            { '九型人格': '3号 成就型', '得分': 0},
            { '九型人格': '4号 艺术型', '得分': 0},
            { '九型人格': '5号 理智型', '得分': 0},
            { '九型人格': '6号 疑惑型', '得分': 0},
            { '九型人格': '7号 活跃型', '得分': 0},
            { '九型人格': '8号 领袖型', '得分': 0},
            { '九型人格': '9号 和平型', '得分': 0}
          ]
        }
      }
    },
    computed: {
      ...mapGetters([
        'userinfo'
      ]),
    },
    created() {
      this.selectproresult()
    },
    methods: {
      ...mapActions([
        'selectProresult'
      ]),
      selectproresult() {
        let params = {
          user_Id: this.userId,
          questionType_Id: 2
        }
        selectProresult(params)
            .then((data) => {
            //   console.log(data.data[0])
              this.chartData.rows[0].得分 = JSON.parse(data.data[0].countScore).A
              this.chartData.rows[1].得分 = JSON.parse(data.data[0].countScore).B
              this.chartData.rows[2].得分 = JSON.parse(data.data[0].countScore).C
              this.chartData.rows[3].得分 = JSON.parse(data.data[0].countScore).D
              this.chartData.rows[4].得分 = JSON.parse(data.data[0].countScore).E
              this.chartData.rows[5].得分 = JSON.parse(data.data[0].countScore).F
              this.chartData.rows[6].得分 = JSON.parse(data.data[0].countScore).G
              this.chartData.rows[7].得分 = JSON.parse(data.data[0].countScore).H
              this.chartData.rows[8].得分 = JSON.parse(data.data[0].countScore).I
              this.$emit('resultStrengthJx',data.data[0].resultStrength);
            })
            .catch((err) => {
              // this.$toast(err.msg, 'error')
            })
        }
    }
  }
</script>